<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/template/main_template.xhtml" 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
<ui:define name="title">
Change Password
</ui:define>

<ui:define name="content">	
	
	<p:panel id="panel" header="Change Password" style="width:60%">  
     
       <p:focus context="panel"/> 
        
	<h:form id="changePasswordForm" >
	
	<h:panelGrid columns="2" style="width:90%"> 
	
		<p:outputLabel value="User Name"/>
		<h:inputText value="#{changePassword.username}" style="width:300px" disabled="true"/>
		
		<p:outputLabel for="oldPassword" value="Old Password"/>
		<p:password id="oldPassword" required="true" value="#{changePassword.oldPassword}" /> 
		
		<p:outputLabel for="password1" value="New Password"/>
		<p:password id="password1" required="true" value="#{changePassword.password1}"/> 
		
		<p:outputLabel for="password2" value="Retype New Password"/>
		<p:password id="password2" required="true" value="#{changePassword.password2}"/> 
			
	</h:panelGrid>
	

    <p:commandButton id="saveButton" action="#{changePassword.changePassword}" value="Change Password" ajax="false"/>

        
	</h:form>

	</p:panel>
	
</ui:define>
</ui:composition>